<template>
    <div id="main1"></div>
</template>
<script setup>
import { getCurrentInstance, onMounted } from 'vue'
const { appContext: { app: { echarts } } } = getCurrentInstance()
onMounted(
    ()=>{
        let option = {
            title:{
            show:true,//显示策略，默认值true,可选为：true（显示） | false（隐藏）
            text: '内存占用情况',//主标题文本，'\n'指定换行
            x:'center',
            y:'10px'
            },
    series: [
        {
            type: 'pie',
            radius:'55%',
            label:{
                normal:{
                    show:true,
                    formatter:'{b}\n{d}%'
                }
            },
            data: [
                {
                    value: 1000,
                    name: '已使用'
                },
                {
                    value: 3000,
                    name: '未使用'
                },
            ],
            radius: '50%'
        }
    ]
};
let chart = echarts.init(document.getElementById('main1'))
chart.setOption(option);
    }
)

</script>

<style scoped>
</style>
